<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<!-- Basic page needs -->
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title></title>
		<!-- Mobile specific metas  -->
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- CSS Style -->
		<link rel="stylesheet" href="css/stylesheet.css">
		<!-- jquery js -->
		<script type="text/javascript" src="js/jquery.min.js"></script>

		<script type="text/javascript" src="js/new.js"></script>
		<script src="js/holder.js"></script>
		
	</head>

	<body class="category-page">
		
		<!-- mobile menu -->

		<div id="page">
			<!-- Header -->
			<header>
				<div class="header-container">
					<div class="header-top">
						<div class="container">

						</div>
					</div>
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
								<!-- Header Logo -->
								<div class="logo" style="width: 150;height: 90;">
									<h1><a title="缘酒网" href="home"><img class="img-responsive" alt="源酒网" src="images/logo.png"> </a></h1> </div>
								<!-- End Header Logo -->
							</div>
							<div class="col-lg-6 col-md-4 col-sm-4 col-xs-12 jtv-logo-box">
								
							</div>
							<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 hidden-xs">
								<div class="search-box">
									<form style="margin: 0px;" action="cat" method="POST" id="search_mini_form" name="Categories">
										<input type="text" placeholder="Search here..." value="" maxlength="70" name="search" id="search">
										<button type="button" class="search-btn-bg"><span class="glyphicon glyphicon-search"></span></button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!-- end header -->

			<!-- Navigation -->

			<nav>
				<div class="container">
					<div class="mm-toggle-wrap">
						<div class="mm-toggle"><i class="fa fa-align-justify"></i><span class="mm-label">Menu</span> </div>
					</div>
					<div class="nav-inner">
						<!-- BEGIN NAV -->
						<ul id="nav" class="hidden-xs">
							<li class="drop-menu">
								<a href="home" class="level-top active"><span>首页</span></a>
							</li>
							<li class="mega-menu">
								<a class="level-top" href="shop_grids"><span>白酒</span></a>
								<div class="jtv-menu-block-wrapper">
									<div class="jtv-menu-block-wrapper2">
										<div class="nav-block jtv-nav-block-center">
											<ul class="level0">
												<li class="parent item">

													<ul class="level1">
														<li>
															<a href="shop_grids"><span>五粮液</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>茅台</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>汾酒</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>牛栏山</span></a>
														</li>
													</ul>
												</li>


												<li class="parent item">

													<ul class="level1">
														<li>
															<a href="shop_grids"><span>谭酒</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>仰韶</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>扳倒井</span></a>
														</li>
														<li>
															<a href="shop_grids"><span>更多</span></a>
														</li>
													</ul>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li class="mega-menu">
								<a class="level-top" href="shop_grids"><span>白酒</span></a>
								<div class="jtv-menu-block-wrapper">
									<div class="jtv-menu-block-wrapper2">
										<div class="nav-block jtv-nav-block-center">
										</div>
									</div>
								</div>
							</li>
							<li class="mega-menu">
								<a class="level-top" href="shop_grids"><span>白酒</span></a>
								<div class="jtv-menu-block-wrapper">
									<div class="jtv-menu-block-wrapper2">
										<div class="nav-block jtv-nav-block-center">
										</div>
									</div>
								</div>
							</li>
							<li class="mega-menu">
								<a class="level-top" href="shop_grids"><span>白酒</span></a>
								<div class="jtv-menu-block-wrapper">
									<div class="jtv-menu-block-wrapper2">
										<div class="nav-block jtv-nav-block-center">
										</div>
									</div>
								</div>
							</li>
							<li class="mega-menu">
								<a class="level-top" href="shop_grids"><span>白酒</span></a>
								<div class="jtv-menu-block-wrapper">
									<div class="jtv-menu-block-wrapper2">
										<div class="nav-block jtv-nav-block-center">
										</div>
									</div>
								</div>
							</li>

						</ul>
					</div>
				</div>
			</nav>
			<!-- end nav -->
			<!-- Breadcrumbs -->
			<div class="breadcrumbs">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<ul>
								<li class="home">
									<a href="home.html" title="Go to Home Page">首页</a> <span>/</span> </li>
								<li>
									<a href="shop_grids.html" title="">白酒</a><span></span> </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Breadcrumbs End -->

			<!-- Main Container -->
			<section class="main-container col2-left-layout">
				<div class="container">
					<div class="row">
						<div class="col-sm-9 col-sm-push-3">
							<div class="list-group" style="margin-left: -38px;">
								<ul>
									<li class="list-group-item">
										
										<span class="my-type"> 你已选择 </span>
										<a href="javascript:history.back(-1)" >
											<span style="border: 1px solid #DDDDDD;margin-left: 20px;">品牌：茅台 X</span>

										</a>
										
										
										
									</li>
									<li class="list-group-item">
										<span class="my-type">价格</span>
										<a href="#" style="margin-left: 10px;">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
									</li>
									<li class="list-group-item">
										<span class="my-type">价格</span>
										<a href="shop_grid_mark_2.jsp" style="margin-left: 10px;">0-299  </a>
										<a href="shop_grid_mark_2.jsp">0-299  </a>
										<a href="shop_grid_mark_2.jsp">0-299  </a>
										<a href="shop_grid_mark_2.jsp">0-299  </a>
										<a href="shop_grid_mark_2.jsp">0-299  </a>
									</li>
									<li class="list-group-item">
										<span class="my-type">价格</span>
										<a href="#" style="margin-left: 10px;">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
									</li>
									<li class="list-group-item">
										<span class="my-type">价格</span>
										<a href="#" style="margin-left: 10px;">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
										<a href="#">0-299  </a>
									</li>
								</ul>
							</div>
							<article class="col-main">
								
								<div class="toolbar">
									<div class="row" >
										<div class="col-sm-2 text-center sort-by hidden-sm" style="border: 1px solid #DDDDDD;margin-left:15px;width: 80px;">
											<a class="control-label" for="input-sort" style="color: #000000;">综合排序</a>
										</div>
										<div class="col-sm-2 text-center sort-by hidden-sm" style="border: 1px solid #DDDDDD;width: 80px;">
											<a class="control-label" for="input-sort" style="color: #000000;">价格</a>
										</div>
										<div class="col-sm-2 text-center sort-by hidden-sm" style="border: 1px solid #DDDDDD;width: 80px;">
											<a class="control-label" for="input-sort" style="color: #000000;">销量</a>
										</div>
									</div>
								</div>
								<div class="category-products">
									<ul class="products-grid">
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img10.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img01.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img02.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img03.jpg" style="width: 200px;height: 200px;"> </a>
														<div class="new-label new-top-left">new</div>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box">
																	<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
																	<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img06.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img10.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img07.jpg" style="width: 200px;height: 200px;"> </a>
														<div class="new-label new-top-left">new</div>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box">
																	<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
																	<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img15.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="item col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="item-inner">
												<div class="item-img">
													<div class="item-img-info">
														<a class="product-image" title="Product Title Here" href="single_product"> <img alt="Product Title Here" src="images/products/img14.jpg" style="width: 200px;height: 200px;"> </a>
														
													</div>
												</div>
												<div class="item-info">
													<div class="info-inner">
														<div class="item-title">
															<h6> <a title="Product Title Here" href="single_product"> Product Title Here </a></h6> </div>
														<div class="item-content">
															
															<div class="item-price">
																<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span>
																</div>
															</div>
															<div class="action">
																<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										
											
									</ul>
								</div>
								<div class="toolbar">
									<div class="row">
										<div class="col-sm-6 text-left">
											<ul class="pagination">
												<li class="active"><span>1</span></li>
												<li>
													<a href="shop_grids.html#">2</a>
												</li>
												<li>
													<a href="shop_grids.html#">&gt;</a>
												</li>
												<li>
													<a href="shop_grids.html#">&gt;|</a>
												</li>
											</ul>
										</div>
										
									</div>
								</div>
							</article>
							<!--	///*///======    End article  ========= //*/// -->
						</div>
						<div class="sidebar col-sm-3 col-xs-12 col-sm-pull-9">
							<aside class="sidebar">
								
								
								<div class="block block-cart">
									<div class="block-title ">
										<h3>My Cart</h3></div>
									<div class="block-content">
										<div class="summary">
											<p class="amount">There are
												<a href="#">3 items</a> in your cart.</p>
											<p class="subtotal"> <span class="label">Cart Subtotal:</span> <span class="price">$227.99</span> </p>
										</div>
										<div class="ajax-checkout">
											<button class="button button-checkout" title="Submit" type="submit"><span>Checkout</span></button>
										</div>
										<p class="block-subtitle">Recently added item(s) </p>
										<ul>
											<li class="item">
												<a href="#" title="Product Title Here" class="product-image"><img src="images/products/img10.jpg" alt="Product Title Here"></a>
												<div class="product-details">
													<div class="access">
														<a href="#" title="Remove This Item" class="jtv-btn-remove"> <span class="icon"></span> Remove </a>
													</div>
													<strong>1</strong> x <span class="price">$99.99</span>
													<p class="product-name">
														<a href="#">Product Title Here</a>
													</p>
												</div>
											</li>
											<li class="item">
												<a href="#" title="Product Title Here" class="product-image"><img src="images/products/img01.jpg" alt="Product Title Here"></a>
												<div class="product-details">
													<div class="access">
														<a href="#" title="Remove This Item" class="jtv-btn-remove"> <span class="icon"></span> Remove </a>
													</div>
													<strong>1</strong> x <span class="price">$88.00</span>
													<p class="product-name">
														<a href="#">Product Title Here</a>
													</p>

													<!--access clearfix-->
												</div>
											</li>
											<li class="item">
												<a href="#" title="Product Title Here" class="product-image"><img src="images/products/img05.jpg" alt="Product Title Here"></a>
												<div class="product-details">
													<div class="access">
														<a href="#" title="Remove This Item" class="jtv-btn-remove"> <span class="icon"></span> Remove </a>
													</div>
													<strong>1</strong> x <span class="price">$98.00</span>
													<p class="product-name">
														<a href="#">Product Title Here</a>
													</p>

													<!--access clearfix-->
												</div>
											</li>
										</ul>
									</div>
								</div>			
							</aside>
						</div>
					</div>
				</div>
			</section>
			<!-- Main Container End -->

			<!-- 底部轮播区 -->
			<div class="brand-logo">
				<div class="container">
					<div class="slider-items-products">
						<div id="brand-logo-slider" class="product-flexslider hidden-buttons">
							<div class="slider-items slider-width-col6 owl-carousel owl-theme" style="opacity: 1; display: block;">

								<!-- Item -->
								<div class="owl-wrapper-outer">
									<div class="owl-wrapper" style="width: 3040px; left: 0px; display: block; transition: all 1000ms ease; transform: translate3d(0px, 0px, 0px);">
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand3.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand1.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand2.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand4.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand5.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand6.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand2.png" alt="Image"> </a>
											</div>
										</div>
										<div class="owl-item" style="width: 190px;">
											<div class="item">
												<a href="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/shop_grid.html#"><img src="http://demo.cssmoban.com/cssthemes4/sbtp_51_moban2234/images/brand4.png" alt="Image"> </a>
											</div>
										</div>
									</div>
								</div>

								<div class="owl-controls clickable">
									<div class="owl-buttons">
										<div class="owl-prev">
											<a class="flex-prev"></a>
										</div>
										<div class="owl-next">
											<a class="flex-next"></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Footer -->
			<footer>
				<div class="footer-top">
					<div class="container">
						<div class="row">
						</div>
					</div>
				</div>
				<div class="footer-inner">
					<div class="container">
					</div>
				</div>
				<div class="footer-bottom">
					<div class="container">
					</div>
				</div>
			</footer>
		</div>

		<!-- End Footer -->

		
		<!-- bootstrap js -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>

		<!-- jquery-ui js -->
		<script type="text/javascript" src="js/jquery-ui.js"></script>
		<!-- owl.carousel.min js -->
		<script type="text/javascript" src="js/owl.carousel.min.js"></script>

		<!-- jtv-jtv-mobile-menu js -->
		<script type="text/javascript" src="js/jtv-mobile-menu.js"></script>

		<!-- countdown js -->
		<script type="text/javascript" src="js/countdown.js"></script>

		<!-- main js -->
		<script type="text/javascript" src="js/main.js"></script>
         
         
		<a href="shop_grid" id="toTop" style="display: none;"><span id="toTopHover"></span></a>
	</body>

</html>